<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <th:block th:include="fragments/header :: header"/>
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="../css/custom/super/index.css" th:href="@{/css/custom/super/index.css}">
</head>
<body>
<div id="main">
    <div class="row">
        <div class="box">
            <div class="box-header">
                <h1>Chinese Super League</h1>
            </div>
            <div class="box-content">
                <div class="headerfoto" style="width: 13%;">
                    <img src="../images/super/csl.png" alt=""/>
                </div>
                <div class="box-personeninfos" style="width: 66%;">
                    <div class="list">
                        <table>
                            <tbody>
                                <tr>
                                    <th>League level:</th>
                                    <td>First Tier</td>
                                </tr>
                                <tr>
                                    <th>Number of teams:</th>
                                    <td th:text="${superModel.teams} + '&nbsp&nbspteams'"> </td>
                                </tr>
                                <tr>
                                    <th>Players:</th>
                                    <td th:text="${superModel.players}"></td>
                                </tr>
                                <tr>
                                    <th>Foreigners:</th>
                                    <td>86 Players  16.2%</td>
                                </tr>
                                <tr>
                                    <th>ø-Market value:</th>
                                    <td>€642Th.</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="list">
                        <table>
                            <tbody>
                                <tr>
                                    <th>Record-holding champions:</th>
                                    <td>Dalian Shide (-2012)  8 time(s)</td>
                                </tr>
                                <tr>
                                    <th>ø-Age:</th>
                                    <td>27.5 Years</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="marktwert" style="width: 21%;">
                    Total Market Value:<br>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div id="submenu">
            <div>
                Overview
            </div>
            <div>
                Tables
            </div>
            <div>
                Transfers
            </div>
            <div>
                Market Values
            </div>
            <div>
                Players
            </div>
            <div>
                Clubs
            </div>
            <div>
                Information & facts
            </div>
            <div>
                History
            </div>
            <div>
                News
            </div>
<!--            <ul >-->
<!--                <li>Overview</li>-->
<!--                <li>Tables</li>-->
<!--                <li>Transfers</li>-->
<!--                <li>Market Values</li>-->
<!--                <li>Players</li>-->
<!--                <li>Clubs</li>-->
<!--                <li>Information & facts</li>-->
<!--                <li>History</li>-->
<!--                <li>News</li>-->
<!--            </ul>-->
        </div>
    </div>
    <div class="contain">
        <iframe id="main-iframe" class="main-iframe" src="/markt/overview"></iframe>
    </div>
</div>
<script>
    $(function () {
        $(".contain").css('height',$(window).height()-60);
        $(window).resize(function () {
            $(".contain").css('height',$(window).height()-60);
        });

    });

    function showContent(url) {
        $("#main-iframe").attr("src",url);
    }

</script>
</body>
</html>
